<script lang="ts" setup>
import { ref } from 'vue'
import WangZhanXinXi from '../subchildrens/WangZhanXinXi.vue';
import SeoSheZhi from '../subchildrens/SeoSheZhi.vue';
import AppBanBenGuanLi from '../subchildrens/AppBanBenGuanLi.vue';
import DengLuKaiGuan from '../subchildrens/DengLuKaiGuan.vue';
import FenXiangSheZhi from '../subchildrens/FenXiangSheZhi.vue';
import ZhiBoGuanLi from '../subchildrens/ZhiBoGuanLi.vue';
import MeiYanMeiMeng from '../subchildrens/MeiYanMeiMeng.vue';


const activeName = ref('first')

const handleClick = (tab, event) => {
    console.log(tab, event)
}
</script>

<template>
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="网站信息" name="first">
            <WangZhanXinXi />
        </el-tab-pane>
        <el-tab-pane label="SEO设置" name="second">
            <SeoSheZhi />
        </el-tab-pane>
        <el-tab-pane label="APP版本管理" name="third">
            <AppBanBenGuanLi />
        </el-tab-pane>
        <el-tab-pane label="登陆开关" name="fourth">
            <DengLuKaiGuan />
        </el-tab-pane>
        <el-tab-pane label="分享设置" name="fivth">
            <FenXiangSheZhi />
        </el-tab-pane>
        <el-tab-pane label="直播管理" name="sixth">
            <ZhiBoGuanLi />
        </el-tab-pane>
        <el-tab-pane label="美颜/萌颜" name="seventh">
            <MeiYanMeiMeng />
        </el-tab-pane>
    </el-tabs>
</template>

<style>
.demo-tabs>.el-tabs__content {
    padding: 32px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
</style>